<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>内部通知</title>
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="./css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="css/neibutzlist.css" />
    <style>
        .topheader {
            height: 5rem;
            background-color: #fff;
            border-bottom: solid 0.5px #f3f3f3;
        }

        .menu_tapmode {
            color: #999;
            width: 50%;
        }

        .aui-tab-item.active {
            color: #222;
            font-weight: 600;
        }

        .aui-tab-item.active label.labelbox {
            font-size: 0.8rem;
        }

        .new-btn-bottom {
            width: 100%;
            margin: 0 auto;
            display: flex;
            margin-top: 20px;
            border-top: solid 0.5px #eee;
            padding-top: 10px;
            flex-direction: row;
            justify-content: center;
        }

        .new-blue-btn {
            width: 50%;
            text-align: center;
            margin: 0 5px;
            /* height: 30px;
            line-height: 30px; */
            /* border:solid 0.5px #f3f3f3; */
            /* border-radius: 20px; */
            /* font-weight: bold; */
        }

        .workheader {
            width: 100%;
            margin: 0px 0px 5px 0px;
            overflow: hidden;
            /* border-bottom: solid 0.5px #eee; */
        }

        .mt0 {
            margin-top: 0rem;
        }

        .mainbox {
            width: 92%;
            margin: 0 auto;
            margin-top: 15px;
            padding: 20px 16px 10px 16px;
        }

        .StateStatus {
            padding-top: 10px;
        }

        .statuStyle {
            width: 50%;

            text-align: right;
            /* padding: 2px 0px; */
            font-weight: 500;
        }

        span.blue {
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #5794e7;
            background: #eff6ff;
        }

        span.green {
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #29aa60;
            background: #f1fff7;
        }

        span.origen {
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #e46a27;
            background: #fff8f4;
        }

        span.gray {
            padding: 2px 8px;
            border-radius: 4px;
            font-size: 0.65rem;
            color: #bbb;
            background: #f8f8f8;
        }
        .text-greys{
            color: #999 !important;
        }
        .work_title_add{
            width: 100%;
        }
        .aui-searchbar-input-white{
            border-radius: 4px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <header class="topheader" id="aui-header">
            <div class="topheader_search">
                <!-- 搜索 -->
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-searchbar-input-white aui-border-radius">
                        <i class="icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" placeholder="通知标题、发送人" id="search-input">
                        <div class="aui-searchbar-clear-btn" style="top:9px">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
            </div>
            <div class="aui_tab_box" style=" width: 98%;">
                <div class="aui-tab aui-tab-color" style="background: #fff;">
                    <div v-on:click="select_status(0)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==0}">
                        <label class="labelbox">
                            通知我的
                            <span v-if="total.StartNumber>0" class="menu_dotspan">{{total.StartNumber}}</span>
                        </label>
                    </div>
                    <div v-on:click="select_status(1)" class="aui-tab-item menu_tapmode"
                        v-bind:class="{'active':form.status==1}">
                        <label class="labelbox">
                            我发起的
                            <span v-if="total.SendNumber>0" class="menu_dotspan">{{total.SendNumber}}</span>
                        </label>
                        <div class="cl">
                        </div>
                    </div>

                </div>

        </header>

        <section id="main_refresh" class="aui-refresh-content">
            <div class="aui-content task" >
                <div v-if="form.status==0" class="topmsg aui-margin-b-5">
                    <div  @click="doIsRead()" class="topmsg_saixuan fl">
                        <van-checkbox v-model="form.IsRead" icon-size="18px">仅看未读</van-checkbox>
                    </div>
                    <!-- <div class="topmsg_isread fr">全部标记为已读</div> -->
                </div>
                <div v-if="list.length>0&&form.status==0" v-for="item in list" class=" boxarea mainbox">
                    <div v-on:click="openDetail(item)" class="work_con_box">
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one">
                                {{item.Title}}
                            </div>
                        </div>
                        <div  class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time marginheight aui-margin-b-5">
                                <div class="work_con_box_item ellipsis_two">{{item.Content}}</div>
                            </div>
                            <div class="work_con_box_time">
                                <div class="work_con_box_item text-greys aui-font-size-14"> {{item.UserName}} 发布于 {{item.PublishTime}}</div>
                            </div>
                        </div>

                    </div>

                    <div  class="new-btn-bottom" style="overflow: hidden;border-top: solid 0.5px #eee;">
                        <div v-if="!item.IsRead"  class="work_beginbtnty3 new-blue-btn" v-on:click="do_getok(item)">
                            确认收到
                         </div>
                        <div  v-if="item.IsRead"  class="work_beginbtnty3 new-blue-btn text-greys" >
                            已确认收到
                         </div>

                    </div>

                </div>
                <div v-if="lists.length>0&&form.status==1" v-for="item in lists" class=" boxarea mainbox">
                    <div v-on:click="openDetail(item)" class="work_con_box">
                        <div class="workheader">
                            <div class="work_title_add ellipsis_one">
                                {{item.Title}}
                            </div>
                        </div>
                        <div  class=" work_con_box_contain mt0 ">
                            <div class="work_con_box_time marginheight aui-margin-b-5">
                                <div class="work_con_box_item ellipsis_two">{{item.Content}}</div>
                            </div>
                            <div class="work_con_box_time">
                                <div class="work_con_box_item text-greys aui-font-size-14"> {{item.UserName}} 创建于 {{item.AddTime}}</div>
                                <div v-if="item.State==1" class="new-right-list text-blue" style="width: 50px;">暂存</div>
                                <div v-if="item.State==2" class="new-right-list text-greys" style="width: 50px;">已发布</div>
                            </div>
                        </div>

                    </div>

                    <div v-if="item.IsReceived"  class="new-btn-bottom" style="overflow: hidden;border-top: solid 0.5px #eee;">
                         <div class="work_beginbtnty3 new-blue-btn" v-on:click="do_release(item)">
                            发布
                         </div>

                    </div>

                </div>
                <div class="notodayList" v-if="(list.length>0&&form.status==0)||(lists.length>0&&form.status==1)">
                    别刷了，真的没有啦...
                </div>
            </div>
            <div class="noinfo" id="noorder" v-if="(list.length<=0&&form.status==0)||(lists.length<=0&&form.status==1)">
                <img src="../image/index/noinfomsg_icon.png" alt="" />
                <h5><br />暂无相关信息</h5>
            </div>
        </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="js/neibutz_list.js"></script>

</html>